<template>
    <div class="index-container">
        <HomeNav :page-size="pageSize" v-model:category="category" v-model:page="page" v-model:projects="projects" />
        <HomeContent :category="category" v-model:projects="projects" v-model:page="page" v-model:pageSize="pageSize" />
    </div>
</template>

<script setup lang="ts">
import HomeNav from '@/components/homeNav.vue'
import HomeContent from '@/components/homeContent.vue'

const projects = ref<Paginate<Project>>()
const page = ref(1)
const pageSize = ref(10)
const category = ref(0)
</script>

<style lang="scss" scoped>
// .index-container {
//     width: 100vw;
//     height: 100vh;
//     overflow: hidden;
// }</style>